<template name="skeleton">
  <view class="sk-container">
    <view class="main main">
      <view class="header header common common">
        <swiper class="swiper1 swiper1" indicator-active-color="#42A8F3" indicator-dots="true" current="0" autoplay="false">
          <swiper-item class="swiperitem sk-pseudo sk-pseudo-circle" style="position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);">
            <view class="h-itme h-itme">
              <text class="t-icon t-icon text-icon text-icon t-icon-gaijiaofan t-icon-gaijiaofan"></text>
              <view class="text sk-transparent sk-text-14-2857-183 sk-text" style="background-position-x: 50%;">团体报餐</view>
            </view>
            <view class="h-itme h-itme">
              <text class="t-icon t-icon text-icon text-icon t-icon-a-20230816meishitubiao_zhongcan-dongporou t-icon-a-20230816meishitubiao_zhongcan-dongporou"></text>
              <view class="text sk-transparent sk-text-14-2857-218 sk-text" style="background-position-x: 50%;">园区订餐</view>
            </view>
          </swiper-item>
        </swiper>
      </view>
      <view class="common common grid-container grid-container">
        <view class="grid-item grid-item">
          <view class="grid-items grid-items" style="background-color:#F8E8E8;">
            <text class="gridtile sk-transparent sk-text-14-2857-388 sk-text">检测服务</text>
            <text class="gridabout sk-transparent sk-text-14-2857-511 sk-text">TESTING SERVICE</text>
            <text class="t-icon t-icon t-icon-a-shiyanpingshiyanyanjiu t-icon-a-shiyanpingshiyanyanjiu text-icons text-icons"></text>
          </view>
        </view>
        <view class="grid-item grid-item">
          <view class="grid-items grid-items" style="background-color:#FFDFEE;">
            <text class="gridtile sk-transparent sk-text-14-2857-924 sk-text">活动主题</text>
            <text class="gridabout sk-transparent sk-text-14-2857-316 sk-text">ACTIVITY THEME</text>
            <text class="t-icon t-icon t-icon-remenhuodong t-icon-remenhuodong text-icons text-icons"></text>
          </view>
        </view>
      </view>
      <view class="footer footer common common">
        <view class="more more">
          <view class="more-left sk-transparent">
            <text class="t-icon t-icon t-icon-news t-icon-news left-new left-new"></text>园区快讯</view>
          <view class="more-right sk-transparent">更多
            <view>
              <text class="uni-icons icons--uni-icons uniui-forward icons--uniui-forward sk-pseudo sk-pseudo-circle" style="color: #8a8a8a; font-size: 16px;"></text>
            </view>
          </view>
        </view>
        <view class="parknews parknews">
          <view class="parknews-left parknews-left">
            <view class="parknews-leftt parknews-leftt">
              <text class="parknews-left-title sk-transparent sk-text-14-2857-209 sk-text">应对变革，提升品质 | 汇标2025版药典应用与药包材标准体系研讨会圆满落幕！</text>
            </view>
            <view class="parknews-left-time sk-transparent sk-text-14-2857-133 sk-text">2025-09-25 15:52:47</view>
          </view>
          <view class="parknews-right parknews-right">
            <image mode="scaleToFill" class="sk-image"></image>
          </view>
        </view>
        <view class="parknews parknews">
          <view class="parknews-left parknews-left">
            <view class="parknews-leftt parknews-leftt">
              <text class="parknews-left-title sk-transparent sk-text-14-2857-332 sk-text">我们汇标检测，诞生一位“羊城花旦”！</text>
            </view>
            <view class="parknews-left-time sk-transparent sk-text-14-2857-11 sk-text">2025-09-25 15:52:03</view>
          </view>
          <view class="parknews-right parknews-right">
            <image mode="scaleToFill" class="sk-image"></image>
          </view>
        </view>
        <view class="parknews parknews">
          <view class="parknews-left parknews-left">
            <view class="parknews-leftt parknews-leftt">
              <text class="parknews-left-title sk-transparent sk-text-14-2857-648 sk-text">2025年汇标检测国庆中秋节放假通知</text>
            </view>
            <view class="parknews-left-time sk-transparent sk-text-14-2857-389 sk-text">2025-09-25 15:49:44</view>
          </view>
          <view class="parknews-right parknews-right">
            <image mode="scaleToFill" class="sk-image"></image>
          </view>
        </view>
      </view>
      <view>
        <view>
          <view style="height:50px;padding-bottom:env(safe-area-inset-bottom);"></view>
          <view class="tab-bar tabBar--tab-bar">
            <view class="tab-bar-item tabBar--tab-bar-item">
              <image class="tab_img tabBar--tab_img sk-image"></image>
              <view class="tab_text tabBar--tab_text sk-transparent sk-text-14-2857-41 sk-text" style="color: rgb(66, 168, 243); background-position-x: 50%;">服务广场</view>
            </view>
            <view class="tab-bar-item tabBar--tab-bar-item">
              <image class="tab_img tabBar--tab_img sk-image"></image>
              <view class="tab_text tabBar--tab_text sk-transparent sk-text-14-2857-972 sk-text" style="color: rgb(122, 126, 131); background-position-x: 50%;">我的</view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>
<style lang="scss">
	.sk-transparent {
	    color: transparent !important;
	  }
	.sk-text-14-2857-183 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text {
	    background-origin: content-box !important;
	    background-clip: content-box !important;
	    background-color: transparent !important;
	    color: transparent !important;
	    background-repeat: repeat-y !important;
	  }
	.sk-text-14-2857-218 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-388 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-511 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 22.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-924 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-316 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 22.4000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-209 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 42.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-133 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-332 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 42.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-11 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-648 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 42.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-389 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-41 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-972 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-image {
	    background: #EFEFEF !important;
	  }
	.sk-pseudo::before, .sk-pseudo::after {
	      background: #EFEFEF !important;
	      background-image: none !important;
	      color: transparent !important;
	      border-color: transparent !important;
	    }
	.sk-pseudo-rect::before, .sk-pseudo-rect::after {
	      border-radius: 0 !important;
	    }
	.sk-pseudo-circle::before, .sk-pseudo-circle::after {
	      border-radius: 50% !important;
	    }
	.sk-container {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    background-color: transparent;
	  }

</style>